<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>CompanyManage</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<%-- <link rel="stylesheet" type="text/css" href="<%=path%>/easyUI/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/easyUI/themes/icon.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/easyUI/css/demo.css"> --%>
	<link rel="stylesheet" href="<%=path %>/css/bootstrap.min.css" />
	<link rel="stylesheet" href="<%=path %>/css/easyui.css"/>
	<link rel="stylesheet" href="<%=path %>/css/icon.css"/>
	
	<script src="<%=path %>/js/jquery1.12.4.min.js"></script>
	<script src="<%=path %>/js/bootstrap.min.js"></script>
	<script src="<%=path %>/js/jquery.easyui.min.js"></script>
<script type="text/javascript">
	$(function() {
	
	
		//模糊查询的
		$("#search").button().click(function() {
			search();
		});
		

		
	//*******************************别删除我的注释--孙鹏豪*******************************
		//数据表格
		//var empName = $('#empName').val();  
		//alert(empName);
		$("#dg").datagrid({//EasyUI建表插件
			url : 'getUsersByCondition',
			singleSelect:false,//单选效果
			//iconCls: 'icon-search',
			rownumbers : true,
			pagination : true,//显示底部分页栏
			pageSize : 5,//默认每页记录数
			pageList : [ 5,10,15],
			fitColumns : true,//自适应宽度，防止水平滚动
			striped : true,//隔行变色
			queryParams:{},
			loadMsg : "操作中..",
			toolbar:[{  
           
           //------------------------------------------------批量发送激活邮件
            text: '发送激活邮件',  
            iconCls: 'icon-large-smartart',  
            handler: function() {
            	var rows=$("#dg").datagrid("getSelections");
            	//如果选择为空不执行下面的语句
				if(rows==false){return;}
				var rowsa="";	//不要删除我的注释--孙鹏豪
				var forShowE=new Array();
				//这里发送邮箱数组在controller验证状态很麻烦,所以改发送对象,发送对象更难搞,我还是改回来了
               	for(var i=0;i<rows.length;i++){
               		rowsa=rowsa+rows[i].uid+",";  
               		forShowE[i]="<br>"+rows[i].ueamil;
               		//alert(rowsa);
               }
            	$.messager.confirm("发送激活邮件","是否发送激活邮件到如下邮箱:<br><br><span style='color:gray;'>"+forShowE+"</span>",function(b){
            		if(b){
            		  $.get("SendEmails?users="+rowsa, function(result){
            		 //alert();
   							if(result=="true"){
            					$("#dg").datagrid("reload");
   								$("#goodResult").html("激活邮件已发送.");
   								setTimeout(function(){
    							$("#goodResult").html("");
								},3000);
            					//alert('yes');
            					//search(); datagrid-reload替代方法
   							}
   							if(result=="false"){
            					$("#dg").datagrid("reload");
   								$("#badResult").html("发送失败!&emsp;请勿选择已经激活的用户");
   								setTimeout(function(){
    							$("#badResult").html("");
								},3000);
            					//alert('no');
            					//search();
   							}
 						 });
            		}
            	});
            		$.ajaxSettings.async = true;
            }     
        }, '-',{  
            text: '删除资格',  
            iconCls: 'icon-remove',  
            handler: function(){  
               //------------------------------------------------批量删除
               var uIds=$("#dg").datagrid("getSelections");
               //如果选择为空不执行下面的语句
               if(uIds==false){return;}
               var uIdsa=new Array();
               var forShowU=new Array();
               for(var i=0;i<uIds.length;i++){
               		uIdsa[i]=uIds[i].uid;
               		/* HTML空格转义字符的几种写法:&thinsp;窄空格	&emsp;全角空格	&ensp;半角空格	&nbsp;space空格 */
               		/* 上面的空格没一个有用的 */
               		forShowU[i]="<br>"+uIds[i].uid+":"+uIds[i].uname;
               }
               $.messager.confirm("删除申报人","请确认是否删除如下申报人:<br><br><span style='color:gray;'>"+forShowU+"</span>",function(b){
            		if(b){
            		//关闭ajax异步,使得在返回数据之后再刷新datagrid
            		$.ajaxSettings.async = false;
            		  $.get("relieveUsers?users="+uIdsa, function(result){
            		  	if(result){
            			$("#dg").datagrid("reload");
   						$("#goodResult").html("删除完成.");
   						setTimeout(function(){
    					$("#goodResult").html("");
						},3000);
            			//alert('yes');
            			//search(); datagrid-reload替代方法
   							 }
   						if(!result){
            			$("#dg").datagrid("reload");
   						$("#badResult").html("删除失败!");
   						setTimeout(function(){
    					$("#badResult").html("");
						},3000);
            			//alert('no');
            			//search();
   							}
 						 });
            			//$.ajaxSettings.async = false;
 						$.ajaxSettings.async = true;
            		}
            	});
            }  
        }],columns : [ [ {field : 'ck',checkbox : true}, 
        {field : 'uname',	title : '姓名',align : 'center',width : 200}, 
        {field : 'ueamil',title : '电子邮箱(登陆账号)',align : 'center',width : 400}, 
        {field : 'uphone',title : '手机号码',align : 'center',width : 300,},
        {field : 'ujobname',title : '职称',align : 'center',width : 200,},
        {field : 'abc',title : '角色',align : 'center',width : 250,
        //统一显示为项目申报人
        	formatter:function formatterStatus(value, row, index){
			return "项目申报人";
			},},
        {field : 'ustatus',title : '激活',align : 'center',width : 200,
        //调用formatterStatus方法,转换显示内容
        	formatter:formatterStatus,
        }, 
        {field : 'def',title : '操作',align : 'center',width : 200,
        			//生成确认按钮												"confirm?uId='+rec.uid+'" )"
                   formatter:function(value,rec){  /* onclick="editRow(\''+rec.uname+'\',\''+rec.ueamil+'\'   ,'+rec.uname+'  '+rec.uid+',       */
                var btn = '<a id="bbt" class="editcls" style="color:#008080"  href="javascript:confirm('+rec.uid+');" >确认</a>';  
                return btn;	}} ]],
		//赋予确认按钮新的样式
		onLoadSuccess:function(data){  
		$('#search').linkbutton({text:'查询',plain:false, iconCls:'icon-search'});  
        $('.editcls').linkbutton({text:'确认',plain:true, iconCls:'icon-ok'});  
		}});
	});
	
	//测试方法
	function confirm1(a){
	alert(a);
	}
	
	//------------------------------------------------确认申报人
	function confirm(a){
	$.get("confirm?uId="+a, function(result){
            		  	if(result=="true"){
            			$("#dg").datagrid("reload");/* "已更改: "+b+"的激活状态" */
   						$("#goodResult").html("已激活");
   						setTimeout(function(){
    					$("#goodResult").html("");
						},3000);
            			//alert('yes');
   							 }
   						if(result=="false"){
            			$("#dg").datagrid("reload");
   						$("#badResult").html("操作失败!");
   						setTimeout(function(){
    					$("#badResult").html("");
						},3000);
            			//alert('no');
   							}
   						if(result=="2"){
   						$("#dg").datagrid("reload");
   						$("#badResult").html("该用户还没有验证!");
   						setTimeout(function(){
    					$("#badResult").html("");
						},3000);
   							}
   						if(result=="4"){
   						$("#dg").datagrid("reload");
   						$("#badResult").html("该用户已经激活!");
   						setTimeout(function(){
    					$("#badResult").html("");
						},3000);
   							}
 						 });
	
	}
	
	
	//------------------------------------------------查询参数载入easyUI datagrid
	function search() {
		var uName = $('#uName').val();
		var uStatus = $('#uStatus').val();
		var uEamil = $('#uEamil').val();
		//alert(uName+" "+uStatus+" "+uEamil);
		$('#goodResult').text("");
		$('#badResult').text("");
		$('#dg').datagrid('load', {
			 uName: uName,
			 uStatus: uStatus,
			 uEamil: uEamil,
		});
	}
	
	//------------------------转换激活状态显示,转换器可以写在datagrid里面也可以是外面
	function formatterStatus(value, row, index){
		if(value==2){
			return "否";
		}else if(value==4){
			return "是";
		}else if(value==3){
			return "待激活";
		}else if(value==10){
			return "管理员";
		}
	}

	//这是啥的方法,我忘了
function myFunction(item, index) {
    
	demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 
}
 
	
	
	window.onload=search;
</script>

</head>

<body>
	<div id="grid"  style="margin-top:100px; margin-left:auto;margin-right:auto; width: 900px;">
		<div align="right">
			
			<span id="goodResult" style="color: green" >好消息</span>
			<span id="badResult" style="color: red" >坏消息</span>
			姓名:
			<input type="text" name="uName" id="uName" value="${UName}" />
			激活:
			<select name="uStatus" id="uStatus" >
				<option value="234">请选择</option>
				<option value="2" >否</option>
				<option value="3" >待激活</option>
				<option value="4" >是</option>
			</select>
			<!-- &#13; 是ASCII换行方法 -->
			<img title="●激活状态为否,表示申报人没有响应激活邮件或者单位管理员未对该申报人发送激活邮件&#13;
*(此激活邮件是单位认证申报人为项目负责人的邮件,非注册账号验证邮件)&#13;
●待激活表示激活邮件已发出,但申报人未响应邮件&#13;
●激活状态为是,表示申报人已响应邮件,并且单位管理员已确认" src="<%=path %>/easyUI/themes/icons/help.png"  >
			电子邮箱:
			<input type="text" name="uEamil" id="uEamil" value="${UEamil}" />
			
			<button id="search">查询</button>
			<img title="操作:跳转页数,发送激活邮件,删除申报人绑定关系
●批量发送激活邮件细节:批量发送时servlet进行判断,如果用户集合存在已经激活的,终止发送,只能是一次性都发,或者都不发
●批量删除申报人细节:只能删除激活状态为是的申报人,否则返回错误信息
●确认申报人资格细节:一次请求只能确认一个申报人,如果申报人的状态不是验证中,则不能确认
" src="<%=path %>/easyUI/themes/icons/tip.png"  >
		</div>
		</table>
		<table id="dg" title="申报列表">
	</div>
	
</body>
</html>
